<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
    // 通过原生方法发送请求
        // let xml=new XMLHttpRequest();
        // xml.open("get","https://apimusic.linweiqin.com/song/url?id=421423808");
        // xml.onreadystatechange=function(res){
        //     // 请求成功
        //     if(xml.status===200&&xml.readyState===4){
        //         console.log(res);
        //     }
        // }
        // xml.send();
    
    // 通过jquery发送ajax()请求  会产生回调地狱
        // $.ajax({
        //     url:"",
        //     success:function(res){
        //         $.ajax({
        //             url:"",
        //             success:function(res){      
        //                 $.ajax({
        //                     url:"",
        //                     success:function(res){      
        //                     }
        //                 })
        //             }
        //         })
        //     }
        // })

    //  通过Promise 对异步行为进行封装
        // new Promise(function(resolve,reject){
        //     let xml=new XMLHttpRequest();
        //     xml.open("get","https://apimusic.linweiqin.com/song/url?id=421423808");
        //     xml.onreadystatechange=function(res){
        //         // 请求成功
        //         if(xml.status===200&&xml.readyState===4){
        //             console.log(res);
        //             resolve(res);
        //         }
        //     }
        //     xml.send();
        // }).then(res=>{
        //     console.log(res);
        // });

    // async await  可以把异步模拟成同步
        // async function fetch(){
        //     let res =await new Promise(function(resolve,reject){
        //         let xml=new XMLHttpRequest();
        //         xml.open("get","https://apimusic.linweiqin.com/song/url?id=421423808");
        //         xml.onreadystatechange=function(res){
        //             // 请求成功
        //             if(xml.status===200&&xml.readyState===4){
        //                 // console.log(res);
        //                 resolve(res);
        //             }
        //         }
        //         xml.send();
        //     })
        //     console.log(res);
        // }
        // fetch();


    // async await 可以把异步模拟成同步 传入参数
        async function fetch(url){
            let res =await new Promise(function(resolve,reject){
                let xml=new XMLHttpRequest();
                xml.open("get",url);
                xml.onreadystatechange=function(res){
                    // 请求成功
                    if(xml.status===200&&xml.readyState===4){
                        // console.log(res);
                        resolve(res);
                    }
                }
                xml.send();
            })
            console.log(res);
        }
        fetch("https://apimusic.linweiqin.com/song/url?id=421423808");








    </script>


</body>
</html>